<template>
	<div class="con">
		<el-container>
			<el-aside class="side" width="220px" style="position: fixed;">
				<el-menu default-active="1" class="el-menu-vertical-demo"  
					background-color="#304156" text-color="#BFCBD9" active-text-color="#439FFD" router unique-opened>

					<el-menu-item index="body">
						<i class="el-icon-s-home"></i>
						<span slot="title">首页</span>
					</el-menu-item>
					<el-menu-item index="community">
						<i class="el-icon-s-home"></i>
						<span slot="title">小区管理</span>
					</el-menu-item>
					<el-submenu index="3">
						<template slot="title">
							<i class="el-icon-s-home"></i>
							<span>帮买取快递废品回收</span>
						</template>
						<el-menu-item-group>
							<el-menu-item index="store">
								<template slot="title">
									<i class="el-icon-s-promotion"></i>
									<span>门店管理</span>
								</template>
							</el-menu-item>
							<el-menu-item index="post">
								<template slot="title">
									<i class="el-icon-s-promotion"></i>
									<span>驿站管理</span>
								</template>
							</el-menu-item>
							<el-menu-item index="shop">
								<template slot="title">
									<i class="el-icon-s-promotion"></i>
									<span>商品管理</span>
								</template>
							</el-menu-item>
							<el-menu-item index="order">
								<template slot="title">
									<i class="el-icon-s-promotion"></i>
									<span>订单管理</span>
								</template>
							</el-menu-item>
							<el-menu-item index="recycle">
								<template slot="title">
									<i class="el-icon-s-promotion"></i>
									<span>废品回收订单</span>
								</template>
							</el-menu-item>
						</el-menu-item-group>
					</el-submenu>
					<el-submenu index="4">
						<template slot="title">
							<i class="el-icon-s-home"></i>
							<span>胖虎甄选</span>
						</template>
						<el-menu-item-group>
							<el-menu-item index="shopmanage">
								<template slot="title">
									<i class="el-icon-s-promotion"></i>
									<span>商品管理</span>
								</template>
							</el-menu-item>
							<el-menu-item index="4-2">
								<template slot="title">
									<i class="el-icon-s-promotion"></i>
									<span>订单管理</span>
								</template>
							</el-menu-item>
							<el-menu-item index="4-3">
								<template slot="title">
									<i class="el-icon-s-promotion"></i>
									<span>售后订单</span>
								</template>
							</el-menu-item>
						</el-menu-item-group>
					</el-submenu>
					<el-submenu index="5">
						<template slot="title">
							<i class="el-icon-s-home"></i>
							<span>胖虎家政</span>
						</template>
						<el-menu-item-group>
							<el-menu-item index="panghujiazheng">
								<template slot="title">
									<i class="el-icon-s-promotion"></i>
									<span>家政服务</span>
								</template>
							</el-menu-item>
							<el-menu-item index="5-2">
								<template slot="title">
									<i class="el-icon-s-promotion"></i>
									<span>订单管理</span>
								</template>
							</el-menu-item>
							<el-menu-item index="5-3">
								<template slot="title">
									<i class="el-icon-s-promotion"></i>
									<span>售后订单</span>
								</template>
							</el-menu-item>
						</el-menu-item-group>
					</el-submenu>
					<el-menu-item index="6">
						<i class="el-icon-s-home"></i>
						<span slot="title">用户管理</span>
					</el-menu-item>
					<el-menu-item index="7">
						<i class="el-icon-s-home"></i>
						<span slot="title">骑手管理</span>
					</el-menu-item>
					<el-menu-item index="8">
						<i class="el-icon-s-home"></i>
						<span slot="title">家政管理</span>
					</el-menu-item>
					<el-menu-item index="9">
						<i class="el-icon-s-home"></i>
						<span slot="title">新用户红包</span>
					</el-menu-item>
					<el-menu-item index="10">
						<i class="el-icon-s-home"></i>
						<span slot="title">类目管理</span>
					</el-menu-item>
					

				</el-menu>


			</el-aside>
			<el-main style="margin-left: 220px;">								
				<el-header>
					<div class="top">
						<i class="el-icon-s-fold"></i>
						<el-button @click="back" class="topbu" size="small" type="primary">返回登陆</el-button>
					</div>
				</el-header>
				
				
				<el-main>
					<router-view></router-view>
				</el-main>
			</el-main>
		</el-container>



	</div>
</template>

<script>
	export default {
		methods: {
			back() {
				this.$router.push('/') //返回路由
			}
		}
	}
</script>

<style scoped>
	.con{
		width: 100%;
		height: 100vh;
	}
	.side {
		height: 100vh;
		background-color: #304156;
	}
	.top{
		width: 100%;
		height: 100%;
		/* background-color: skyblue; */
		position: relative;
	}
	.top .topbu{
		position: absolute;
		right: 5px;
		font-size: 10px;
	}

</style>